﻿.site-branding .logo img {
    max-height: 50px;
}

.glyphs.character-mapping {
    margin: 0 0 20px 0;
    color: rgba(0,0,0,0.5);
}

    .glyphs.character-mapping li {
        width: 16%;
        text-align: center;
        margin: 0 0 20px 0;
        padding: 0;
        display: inline-block;
        overflow: hidden;
    }

    .glyphs.character-mapping .icon {
        display: inline-block;
        margin: 0;
        padding: 15px;
        position: relative;
        width: 55px;
        height: 55px;
        color: #162a36 !important;
        overflow: hidden;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 32px;
    }

        .glyphs.character-mapping .icon svg {
            fill: #000;
        }

    .glyphs.character-mapping input {
        margin: 5px 2%;
        padding: 5px 0;
        line-height: 12px;
        font-size: 12px;
        display: block;
        width: 96%;
        border: 1px solid #d8e0e5;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        outline: 0;
    }

        .glyphs.character-mapping input:focus {
            border: 1px solid #fbde4a;
            -webkit-box-shadow: inset 0 0 3px #fbde4a;
            box-shadow: inset 0 0 3px #fbde4a;
        }

        .glyphs.character-mapping input:hover {
            -webkit-box-shadow: inset 0 0 3px #fbde4a;
            box-shadow: inset 0 0 3px #fbde4a;
        }

.glyphs.css-mapping {
    margin: 0 0 20px 0;
    color: rgba(0,0,0,0.5);
}

    .glyphs.css-mapping li {
        width: 16%;
        text-align: center;
        margin: 0 0 20px 0;
        padding: 0;
        display: inline-block;
        overflow: hidden;
    }

    .glyphs.css-mapping .icon {
        display: inline-block;
        margin: 0;
        padding: 15px;
        position: relative;
        width: 55px;
        height: 55px;
        color: #162a36 !important;
        overflow: hidden;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 32px;
    }

    .glyphs.css-mapping input {
        margin: 5px 2%;
        padding: 5px 0;
        line-height: 12px;
        font-size: 12px;
        display: block;
        width: 96%;
        border: 1px solid #d8e0e5;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
        outline: 0;
    }

        .glyphs.css-mapping input:focus {
            border: 1px solid #fbde4a;
            -webkit-box-shadow: inset 0 0 3px #fbde4a;
            box-shadow: inset 0 0 3px #fbde4a;
        }

        .glyphs.css-mapping input:hover {
            -webkit-box-shadow: inset 0 0 3px #fbde4a;
            box-shadow: inset 0 0 3px #fbde4a;
        }

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
